<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${model.name!""}论坛</title>
    [#include "/theme/adminlte/common/sites.html" /]
    [@header /]
    <style>
        .container {
            margin-right: auto;
            margin-left: auto;
            padding-left: 15px;
            padding-right: 15px
        }

        .container:after, .container:before {
            content: " ";
            display: table
        }

        .container:after {
            clear: both
        }
        @media (min-width: 768px) {
            .container {
                width: 750px
            }
        }

        @media (min-width: 992px) {
            .container {
                width: 970px
            }
        }

        @media (min-width: 1200px) {
            .container {
                width: 1170px
            }
        }
        .row {
            margin-left: -15px;
            margin-right: -15px
        }

        .row:after, .row:before {
            content: " ";
            display: table
        }

        .row:after {
            clear: both
        }

        .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px
        }

        .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
            float: left
        }

        .col-xs-1 {
            width: 8.33333%
        }

        .col-xs-2 {
            width: 16.66667%
        }

        .col-xs-3 {
            width: 25%
        }

        .col-xs-4 {
            width: 33.33333%
        }

        .col-xs-5 {
            width: 41.66667%
        }

        .col-xs-6 {
            width: 50%
        }

        .col-xs-7 {
            width: 58.33333%
        }

        .col-xs-8 {
            width: 66.66667%
        }

        .col-xs-9 {
            width: 75%
        }

        .col-xs-10 {
            width: 83.33333%
        }

        .col-xs-11 {
            width: 91.66667%
        }

        .col-xs-12 {
            width: 100%
        }
        .ai-icon {
            font-size: 16px
        }

        .f-left-nav {
            position: fixed;
            top: 0;
            bottom: 0;
            left: -358px;
            padding-top: 60px;
            padding-right: 15px;
            background: #333;
            width: 95%;
            max-width: 358px;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
            color: #fff;
            z-index: 2000
        }

        .f-left-nav-header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            padding-left: 30px;
            height: 60px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            line-height: 60px;
            font-size: 16px;
            border-bottom: 1px solid #4d4d4d
        }

        .f-left-nav .ai-icon-close {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            font-size: 34px;
            color: #979797
        }

        .f-left-nav-cont {
            height: 100%;
            font-size: 0;
            overflow: auto
        }

        .f-left-nav-column {
            display: inline-block;
            padding-left: 30px;
            width: 50%;
            vertical-align: top;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 14px
        }

        .f-left-nav-title {
            margin: 30px 0 20px;
            padding: 0 2px
        }

        .f-left-nav-item {
            display: table;
            margin-bottom: 10px;
            padding: 5px 0;
            font-size: 13px
        }

        .f-left-nav-link {
            display: table-cell;
            padding: 0 2px;
            line-height: 20px;
            color: #b3b3b3;
            text-decoration: none
        }

        .f-left-nav-link:hover {
            color: #fff;
            background: #0073eb
        }

        .f-left-nav-show {
            -webkit-transform: translateX(358px);
            -moz-transform: translateX(358px);
            -ms-transform: translateX(358px);
            transform: translateX(358px)
        }

        .f-left-nav-mask {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: auto;
            z-index: 19;
            background-color: hsla(0, 0%, 100%, .5)
        }

        .post-success {
            position: fixed;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 220px;
            height: 60px;
            line-height: 60px;
            background-color: #fff5dc;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #ffc38d;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .07);
            -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .07);
            box-shadow: 0 2px 2px rgba(0, 0, 0, .07);
            text-align: center;
            font-size: 14px;
            color: #262626
        }

        .ai-drowdown-overlay-list-item > a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: rgba(0, 0, 0, .65)
        }

        .ai-drowdown-overlay-list-item > a:hover {
            text-decoration: none
        }

        .ai-drowdown-overlay {
            position: absolute;
            z-index: 100;
            left: 20px;
            top: 20px;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.5;
            margin: 5px 0;
            display: none
        }

        .ai-drowdown-overlay:before {
            content: "";
            position: absolute;
            right: 10px;
            display: block;
            width: 10px;
            height: 10px;
            z-index: 1;
            background-color: #fff;
            border: 1px solid #e6e6e6;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .ai-drowdown-overlay.placement-center-bottom {
            -webkit-transform-origin: 50% bottom;
            -moz-transform-origin: 50% bottom;
            -ms-transform-origin: 50% bottom;
            transform-origin: 50% bottom
        }

        .ai-drowdown-overlay.placement-center-bottom:before {
            bottom: -5px;
            border-color: transparent #c3c3c3 #c3c3c3 transparent
        }

        .ai-drowdown-overlay.placement-center-top {
            -webkit-transform-origin: 50% top;
            -moz-transform-origin: 50% top;
            -ms-transform-origin: 50% top;
            transform-origin: 50% top
        }

        .ai-drowdown-overlay.placement-center-top:before {
            top: -5px;
            border-color: #c3c3c3 transparent transparent #c3c3c3
        }

        .ai-drowdown-overlay-list {
            outline: none;
            position: relative;
            list-style-type: none;
            padding: 10px 0;
            margin: 0;
            text-align: left;
            background-color: #fff;
            border: 1px solid #d6d6d6;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

        .ai-drowdown-overlay-list-item {
            padding: 6px 32px;
            margin: 0;
            clear: both;
            font-size: 13px;
            font-weight: 400;
            color: #666;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s
        }

        .ai-drowdown-overlay-list-item .f-icon {
            margin-right: 10px;
            margin-bottom: 0
        }

        .ai-drowdown-overlay-list-item:hover {
            background-color: #f2f2f2
        }

        .overlay-show {
            -webkit-animation: showPanel .2s ease-in-out forwards;
            -moz-animation: showPanel .2s ease-in-out forwards;
            animation: showPanel .2s ease-in-out forwards
        }

        .overlay-hide {
            -webkit-animation: hidePanel .2s ease-in-out forwards;
            -moz-animation: hidePanel .2s ease-in-out forwards;
            animation: hidePanel .2s ease-in-out forwards
        }

        @-webkit-keyframes showPanel {
            0% {
                opacity: 0;
                -webkit-transform: scaleY(0);
                transform: scaleY(0)
            }
            to {
                opacity: 1;
                -webkit-transform: scaleY(1);
                transform: scaleY(1)
            }
        }

        @-webkit-keyframes hidePanel {
            0% {
                opacity: 1;
                -webkit-transform: scaleY(1);
                transform: scaleY(1)
            }
            to {
                opacity: 0;
                -webkit-transform: scaleY(0);
                transform: scaleY(0)
            }
        }

        .uc-lmg-v1 {
            background-image: url(/forum/dist/1537947350/images/v1.png)
        }

        .uc-lmg-v2 {
            background-image: url(/forum/dist/1537947350/images/v2.png)
        }

        .uc-lmg-v3 {
            background-image: url(/forum/dist/1537947350/images/v3.png)
        }

        .uc-lmg-v4 {
            background-image: url(/forum/dist/1537947350/images/v4.png)
        }

        .uc-lmg-v5 {
            background-image: url(/forum/dist/1537947350/images/v5.png)
        }

        .uc-lmg-v6 {
            background-image: url(/forum/dist/1537947350/images/v6.png)
        }

        .uc-lmg-v7 {
            background-image: url(/forum/dist/1537947350/images/v7.png)
        }

        .df-header .navbar-nav li .hot-icon {
            background: url(/forum/dist/1537947350/images/hot.png) no-repeat 0 0
        }

        .uc-lmg-v1 {
            background-image: url(/forum/dist/1537947350/images/v1.png)
        }

        .uc-lmg-v2 {
            background-image: url(/forum/dist/1537947350/images/v2.png)
        }

        .uc-lmg-v3 {
            background-image: url(/forum/dist/1537947350/images/v3.png)
        }

        .uc-lmg-v4 {
            background-image: url(/forum/dist/1537947350/images/v4.png)
        }

        .uc-lmg-v5 {
            background-image: url(/forum/dist/1537947350/images/v5.png)
        }

        .uc-lmg-v6 {
            background-image: url(/forum/dist/1537947350/images/v6.png)
        }

        .uc-lmg-v7 {
            background-image: url(/forum/dist/1537947350/images/v7.png)
        }

        .forum-operation-icon-1 {
            background: url(/forum/dist/1537947350/images/icon-operation-1.png) 50% no-repeat
        }

        .forum-operation-icon-2 {
            background: url(/forum/dist/1537947350/images/icon-operation-2.png) 50% no-repeat
        }

        .forum-operation-icon-3 {
            background: url(/forum/dist/1537947350/images/icon-operation-3.png) 50% no-repeat
        }

        #pagination {
            padding: 20px 15px;
            text-align: center;
            font-size: 14px
        }

        #pagination a, #pagination span {
            color: #000
        }

        #pagination span.pg-next, #pagination span.pg-prev {
            display: none
        }

        #pagination a:hover {
            color: #0073eb
        }

        #pagination .pg-prev:after {
            content: " ";
            width: 0;
            height: 0;
            font-size: 0;
            vertical-align: middle;
            border-right: 4px solid #333;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent
        }

        #pagination .pg-prev:hover:after {
            border-right: 4px solid #0073eb
        }

        #pagination .pg-next:after {
            content: " ";
            width: 0;
            height: 0;
            font-size: 0;
            vertical-align: middle;
            border-left: 4px solid #333;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent
        }

        #pagination .pg-next:hover:after {
            border-left: 4px solid #0073eb
        }

        #pagination .pg-common {
            display: inline-block;
            padding: 0 5px;
            min-width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 14px
        }

        #pagination .pg-on {
            background-color: #e6e6e6;
            font-weight: 500
        }

        #pagination .pg-totalWrapper {
            margin-left: 8px
        }

        #pagination .pg-jumpNum {
            width: 50px;
            margin: 0 5px;
            padding: 5px 0;
            font-size: 14px;
            line-height: 20px;
            border: 1px solid #c9ccd1
        }

        #pagination .pg-jumpBtn, #pagination .pg-jumpNum {
            height: 30px;
            vertical-align: middle;
            text-align: center;
            outline: 0
        }

        #pagination .pg-jumpBtn {
            width: 60px;
            padding: 0;
            margin-left: 5px;
            line-height: 30px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            border: 0;
            color: #fff;
            background: #0072eb
        }

        .ai-drowdown-overlay-list-item > a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: rgba(0, 0, 0, .65)
        }

        .ai-drowdown-overlay-list-item > a:hover {
            text-decoration: none
        }

        .ai-drowdown-overlay {
            position: absolute;
            z-index: 100;
            left: 20px;
            top: 20px;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.5;
            margin: 5px 0;
            display: none
        }

        .ai-drowdown-overlay:before {
            content: "";
            position: absolute;
            right: 10px;
            display: block;
            width: 10px;
            height: 10px;
            z-index: 1;
            background-color: #fff;
            border: 1px solid #e6e6e6;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .ai-drowdown-overlay.placement-center-bottom {
            -webkit-transform-origin: 50% bottom;
            -moz-transform-origin: 50% bottom;
            -ms-transform-origin: 50% bottom;
            transform-origin: 50% bottom
        }

        .ai-drowdown-overlay.placement-center-bottom:before {
            bottom: -5px;
            border-color: transparent #c3c3c3 #c3c3c3 transparent
        }

        .ai-drowdown-overlay.placement-center-top {
            -webkit-transform-origin: 50% top;
            -moz-transform-origin: 50% top;
            -ms-transform-origin: 50% top;
            transform-origin: 50% top
        }

        .ai-drowdown-overlay.placement-center-top:before {
            top: -5px;
            border-color: #c3c3c3 transparent transparent #c3c3c3
        }

        .ai-drowdown-overlay-list {
            outline: none;
            position: relative;
            list-style-type: none;
            padding: 10px 0;
            margin: 0;
            text-align: left;
            background-color: #fff;
            border: 1px solid #d6d6d6;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

        .ai-drowdown-overlay-list-item {
            padding: 6px 32px;
            margin: 0;
            clear: both;
            font-size: 13px;
            font-weight: 400;
            color: #666;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s
        }

        .ai-drowdown-overlay-list-item .f-icon {
            margin-right: 10px;
            margin-bottom: 0
        }

        .ai-drowdown-overlay-list-item:hover {
            background-color: #f2f2f2
        }

        .overlay-show {
            -webkit-animation: showPanel .2s ease-in-out forwards;
            -moz-animation: showPanel .2s ease-in-out forwards;
            animation: showPanel .2s ease-in-out forwards
        }

        .overlay-hide {
            -webkit-animation: hidePanel .2s ease-in-out forwards;
            -moz-animation: hidePanel .2s ease-in-out forwards;
            animation: hidePanel .2s ease-in-out forwards
        }

        @-webkit-keyframes showPanel {
            0% {
                opacity: 0;
                -webkit-transform: scaleY(0);
                transform: scaleY(0)
            }
            to {
                opacity: 1;
                -webkit-transform: scaleY(1);
                transform: scaleY(1)
            }
        }

        @-webkit-keyframes hidePanel {
            0% {
                opacity: 1;
                -webkit-transform: scaleY(1);
                transform: scaleY(1)
            }
            to {
                opacity: 0;
                -webkit-transform: scaleY(0);
                transform: scaleY(0)
            }
        }

        .uc-lmg-v1 {
            background-image: url(/forum/dist/1537947350/images/v1.png)
        }

        .uc-lmg-v2 {
            background-image: url(/forum/dist/1537947350/images/v2.png)
        }

        .uc-lmg-v3 {
            background-image: url(/forum/dist/1537947350/images/v3.png)
        }

        .uc-lmg-v4 {
            background-image: url(/forum/dist/1537947350/images/v4.png)
        }

        .uc-lmg-v5 {
            background-image: url(/forum/dist/1537947350/images/v5.png)
        }

        .uc-lmg-v6 {
            background-image: url(/forum/dist/1537947350/images/v6.png)
        }

        .uc-lmg-v7 {
            background-image: url(/forum/dist/1537947350/images/v7.png)
        }

        body {
            font-family: Helvetica, Arial, PingFang SC, Hiragino Sans GB, Source Han Sans CN, Roboto, Microsoft Yahei, sans-serif;
            background-color: #f4f5f5
        }

        a:hover {
            color: #0073eb
        }

        .message-num {
            position: absolute;
            top: 8px;
            left: 50%;
            min-width: 20px;
            height: 20px;
            margin-right: -8px;
            line-height: 20px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: red;
            font-size: 12px;
            color: #fff;
            text-align: center;
            -webkit-transform: scale(.8);
            -moz-transform: scale(.8);
            -ms-transform: scale(.8);
            transform: scale(.8)
        }

        .df-header {
            height: 60px;
            color: #fff;
            z-index: 19
        }

        @media (max-width: 767px) {
            .df-header .navbar-fixed-top {
                position: relative !important
            }
        }

        .df-header .navbar-inverse {
            background-color: #000
        }

        .df-header .navbar-brand {
            height: 60px;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .df-header .navbar-toggle {
            margin-top: 11px;
            margin-bottom: 11px
        }

        .df-header .navbar-toggle.search-btn {
            padding: 7px 14px 6px;
            margin-right: 8px
        }

        .df-header .navbar-nav li .list-item, .df-header .navbar-nav li a {
            padding: 15px;
            font-size: 14px;
            line-height: 30px;
            color: #fff
        }

        .df-header .navbar-nav li .list-item:hover, .df-header .navbar-nav li a:hover {
            background-color: #272727
        }

        .df-header .navbar-nav li .hot-icon {
            display: block;
            width: 24px;
            height: 17px;
            position: absolute;
            top: 7px;
            left: 42px;
            font-size: 10px;
            line-height: 13px;
            text-align: center;
            background: url(/forum/dist/1537947350/images/hot.png) no-repeat 0 0
        }

        .df-header .navbar-nav .df-nav-message {
            position: relative;
            font-size: 16px
        }

        .df-header .navbar-nav .user-avatar-wrapper .message-num {
            top: 4px
        }

        .df-header .navbar-nav .logged-wrapper {
            padding: 13px 15px 14px
        }

        .df-header .navbar-nav .logged-wrapper:hover {
            cursor: pointer;
            background-color: #272727
        }

        .df-header .navbar-nav .logged-pop {
            position: absolute;
            top: 55px;
            right: 15px;
            z-index: 2;
            padding: 10px 0;
            background-color: #fff;
            font-size: 0;
            border: 1px solid #e6e6e6;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 6px rgba(0, 0, 0, .2)
        }

        .df-header .navbar-nav .logged-pop:before {
            content: "";
            position: absolute;
            right: 10px;
            top: -6px;
            display: block;
            width: 10px;
            height: 10px;
            z-index: 1;
            background-color: #fff;
            border: 1px solid #fff;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .df-header .navbar-nav .logged-pop-item {
            display: block;
            padding: 6px 32px;
            font-size: 13px;
            line-height: 20px;
            white-space: nowrap;
            text-decoration: none;
            color: #333
        }

        .df-header .navbar-nav .logged-pop-item:hover {
            background-color: #f2f2f2
        }

        .df-header .navbar-nav .logged-hide {
            display: none
        }

        .df-header .df-nav-search {
            padding: 15px 5px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

        .df-header .df-nav-search.search-block-lg .search-wrap.search-focused .search-cont {
            width: 100% !important;
            height: 35px
        }

        .df-header .df-nav-search.search-block-lg .search-wrap .glyphicon-search {
            top: 3px
        }

        .df-header .df-nav-search .search-wrap {
            position: relative
        }

        .df-header .df-nav-search .search-wrap .glyphicon-search {
            top: 0;
            font-size: 16px;
            line-height: 30px;
            padding: 0 10px;
            cursor: pointer
        }

        .df-header .df-nav-search .search-wrap .search-cont {
            opacity: 0;
            width: 0;
            padding: 5px 0;
            background-color: #000;
            color: #fff;
            border: 0;
            -webkit-transition: width .2s, opacity .2s;
            -moz-transition: width .2s, opacity .2s;
            transition: width .2s, opacity .2s;
            font-size: 14px;
            vertical-align: top
        }

        .df-header .df-nav-search .search-wrap.search-focused {
            position: relative;
            background-color: #272727
        }

        .df-header .df-nav-search .search-wrap.search-focused .search-cont {
            opacity: 1;
            width: 200px;
            padding: 5px 10px;
            background-color: #565656;
            outline: 0
        }

        .df-header .df-nav-search .search-wrap.search-focused .glyphicon-search {
            position: absolute;
            right: 0
        }

        .df-header .navbar-nav {
            margin: 0
        }

        .df-header .nav-user-info .add-topic-btn, .df-header .nav-user-info .search-block, .df-header .nav-user-info .user-message-count {
            display: none
        }

        .df-header .nav-user-info li a {
            font-size: 14px
        }

        @media (max-width: 767px) {
            .df-header .nav-user-info {
                position: relative;
                display: table;
                width: 100%
            }

            .df-header .nav-user-info .add-topic-btn, .df-header .nav-user-info .user-message-count, .df-header .nav-user-info li {
                width: 33.33%;
                display: table-cell;
                text-align: center
            }

            .df-header .nav-user-info .add-topic-btn a, .df-header .nav-user-info .user-message-count a, .df-header .nav-user-info li a {
                padding-left: 0;
                padding-right: 0
            }

            .df-header .nav-user-info .logged-pop-item.add-topic-link, .df-header .nav-user-info .logged-pop-item.user-message-link, .df-header .nav-user-info .user-avatar-wrapper .message-num {
                display: none
            }
        }

        @media (min-width: 992px) {
            .df-header .nav-user-info .add-topic-btn, .df-header .nav-user-info .search-block, .df-header .nav-user-info .user-message-count {
                display: block
            }

            .df-header .nav-user-info .logged-pop-item.add-topic-link, .df-header .nav-user-info .logged-pop-item.user-message-link, .df-header .nav-user-info .user-avatar-wrapper .message-num {
                display: none
            }
        }

        .df-header .forum-avatar, .df-header .user-avatar {
            display: inline-block;
            vertical-align: top;
            width: 28px;
            height: 28px;
            margin-right: 0;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

        .df-header .user-avatar {
            line-height: 28px;
            text-align: center;
            color: #fff;
            font-size: 20px
        }

        .df-header .navbar-fixed-top .navbar-collapse {
            max-height: 400px
        }

        .df-header .navbar-collapse.in {
            overflow-y: scroll
        }

        @media (max-width: 330px) {
            .df-header .navbar-fixed-top .navbar-collapse {
                max-height: 325px
            }

            .df-header .navbar-collapse.in {
                overflow-y: scroll
            }
        }

        .footer-hr {
            background: url() 0 0 no-repeat
        }

        .footer .trust {
            background: url(/forum/dist/1537947350/images/trucs.png) no-repeat 100% 0
        }

        .uc-lmg-v1 {
            background-image: url(/forum/dist/1537947350/images/v1.png)
        }

        .uc-lmg-v2 {
            background-image: url(/forum/dist/1537947350/images/v2.png)
        }

        .uc-lmg-v3 {
            background-image: url(/forum/dist/1537947350/images/v3.png)
        }

        .uc-lmg-v4 {
            background-image: url(/forum/dist/1537947350/images/v4.png)
        }

        .uc-lmg-v5 {
            background-image: url(/forum/dist/1537947350/images/v5.png)
        }

        .uc-lmg-v6 {
            background-image: url(/forum/dist/1537947350/images/v6.png)
        }

        .uc-lmg-v7 {
            background-image: url(/forum/dist/1537947350/images/v7.png)
        }

        .forum-operation-icon-1 {
            background: url(/forum/dist/1537947350/images/icon-operation-1.png) 50% no-repeat
        }

        .forum-operation-icon-2 {
            background: url(/forum/dist/1537947350/images/icon-operation-2.png) 50% no-repeat
        }

        .forum-operation-icon-3 {
            background: url(/forum/dist/1537947350/images/icon-operation-3.png) 50% no-repeat
        }

        .forum-search-block {
            background: #fff;
            margin-bottom: 18px
        }

        .forum-search {
            position: relative;
            padding: 18px 0;
            line-height: 40px
        }

        .forum-search:after {
            display: table;
            content: " ";
            clear: both;
            float: none
        }

        .forum-search .input-group {
            display: table;
            width: 100%;
            max-width: 570px;
            float: left
        }

        .forum-search .input-group > .forum-search-btn, .forum-search .input-group > input {
            display: table-cell
        }

        .forum-search-category {
            display: inline-block;
            vertical-align: top;
            height: 40px;
            margin-left: 10px
        }

        .forum-search-item {
            font-size: 12px;
            padding: 0 4px;
            margin: 0 4px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            text-decoration: none;
            color: #757575
        }

        .forum-search-item:hover {
            color: #0073eb
        }

        .forum-search-text {
            width: 100%;
            max-width: 620px;
            height: 40px;
            padding: 8px 0 8px 18px;
            font-size: 14px;
            color: #262626;
            -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius-bottomleft: 2px;
            border-bottom-left-radius: 2px;
            -webkit-border-top-left-radius: 2px;
            -moz-border-radius-topleft: 2px;
            border-top-left-radius: 2px;
            border: 1px solid #c9ccd1;
            border-right: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            outline: 0
        }

        .forum-search-text::-webkit-input-placeholder {
            color: #ccc
        }

        .forum-search-text:-moz-placeholder, .forum-search-text::-moz-placeholder {
            color: #ccc
        }

        .forum-search-text:-ms-input-placeholder {
            color: #ccc
        }

        .forum-search-text::placeholder {
            color: #ccc
        }

        .forum-search-btn {
            display: inline-block;
            vertical-align: top;
            width: 56px;
            height: 40px;
            margin-right: 0;
            line-height: 40px;
            text-align: center;
            -webkit-border-top-right-radius: 2px;
            -moz-border-radius-topright: 2px;
            border-top-right-radius: 2px;
            -webkit-border-bottom-right-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            border-bottom-right-radius: 2px;
            cursor: pointer;
            outline: 0;
            background: #0073eb
        }

        .forum-search-btn:hover {
            background: #006bdd
        }

        .forum-search-btn .search-icon {
            display: inline-block;
            vertical-align: top;
            width: 16px;
            height: 16px;
            margin-right: 0;
            background: url() 50% no-repeat;
            -moz-background-size: contain;
            background-size: contain;
            margin-top: 13px
        }

        .forum-search-res {
            margin-top: -10px;
            margin-bottom: 10px;
            color: #666;
            font-size: 14px
        }

        .f-drawer-cont {
            padding: 30px 180px;
            background-color: #d8d8d8;
            font-size: 0;
            line-height: 1.5;
            display: none
        }

        .f-drawer-row {
            margin-bottom: 20px
        }

        .f-drawer-col {
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .f-drawer-title {
            width: 70px;
            color: #999;
            text-align: right
        }

        .f-drawer-items {
            max-width: 960px
        }

        .f-drawer-link {
            margin-right: 10px;
            white-space: nowrap
        }

        .f-drawer-show {
            display: block
        }

        .f-sear {
            font-size: 14px
        }

        .f-sear-results {
            min-height: 450px
        }

        .f-sear-results-wrapper {
            background: #fff
        }

        .f-sear-results-content {
            padding-top: 15px
        }

        .f-sear-results-content .content-back-top {
            left: 73%;
            top: 400px
        }

        .f-sear-fail {
            font-size: 18px;
            color: #000;
            font-weight: 700
        }

        .f-sear-item {
            margin-bottom: 30px;
            padding: 0 10px
        }

        .f-sear-item:last-child {
            margin-bottom: 0
        }

        .f-sear-item-head {
            font-size: 16px;
            color: #000;
            font-weight: 600
        }

        .f-sear-item-info {
            margin: 6px 0;
            font-size: 13px
        }

        .f-sear-item-info .avatar-a-export {
            vertical-align: middle
        }

        .f-sear-item-info .forum-avatar, .f-sear-item-info .user-avatar {
            margin-right: 5px;
            width: 32px;
            height: 32px
        }

        .f-sear-item-info-author {
            margin-right: 5px;
            color: #333;
            text-decoration: none;
            vertical-align: middle
        }

        .f-sear-item-info-author:hover {
            text-decoration: underline
        }

        .f-sear-item-info-time {
            color: #999;
            vertical-align: middle
        }

        .f-sear-item-profile {
            margin-top: 4px;
            line-height: 1.4;
            font-size: 13px;
            color: #333;
            max-height: 90px;
            overflow: hidden
        }

        .f-sear-item-footer {
            margin-top: 10px
        }

        .f-sear-item-footer-board {
            padding: 2px 6px;
            margin-right: 10px;
            font-size: 12px;
            color: #0073eb;
            border: 1px solid #0073eb;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            vertical-align: middle
        }

        .f-sear-item-footer-board:hover {
            text-decoration: none
        }

        .f-sear-item-footer span {
            margin-right: 10px;
            font-size: 12px;
            color: #666;
            vertical-align: middle
        }

        .f-sear-item-footer span em {
            font-style: normal
        }

        .f-sear-link {
            text-decoration: none
        }

        .f-sear-link:hover {
            text-decoration: underline
        }

        .search-result-highlight {
            color: red;
            font-style: normal
        }

        .uc-lmg-v1 {
            background-image: url(/forum/dist/1537947350/images/v1.png)
        }

        .uc-lmg-v2 {
            background-image: url(/forum/dist/1537947350/images/v2.png)
        }

        .uc-lmg-v3 {
            background-image: url(/forum/dist/1537947350/images/v3.png)
        }

        .uc-lmg-v4 {
            background-image: url(/forum/dist/1537947350/images/v4.png)
        }

        .uc-lmg-v5 {
            background-image: url(/forum/dist/1537947350/images/v5.png)
        }

        .uc-lmg-v6 {
            background-image: url(/forum/dist/1537947350/images/v6.png)
        }

        .uc-lmg-v7 {
            background-image: url(/forum/dist/1537947350/images/v7.png)
        }

        .forum-operation-icon-1 {
            background: url(/forum/dist/1537947350/images/icon-operation-1.png) 50% no-repeat
        }

        .forum-operation-icon-2 {
            background: url(/forum/dist/1537947350/images/icon-operation-2.png) 50% no-repeat
        }

        .forum-operation-icon-3 {
            background: url(/forum/dist/1537947350/images/icon-operation-3.png) 50% no-repeat
        }

        .forum-post {
            padding: 26px 0;
            background: #fff
        }

        .forum-post:after {
            content: " ";
            display: table;
            clear: both;
            float: none
        }

        .forum-post-zone {
            padding-left: 34px;
            margin-bottom: 10px;
            border-right: 1px solid #f0f0f0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        @media (max-width: 768px) {
            .forum-post-zone {
                padding-left: 15px;
                padding-right: 15px
            }
        }

        .forum-post-zone:last-child {
            border-right: 0;
            margin-bottom: 0
        }

        .forum-post-show {
            padding-top: 12px;
            background: #f5f5f5;
            font-size: 0
        }

        .forum-post-title {
            position: relative;
            height: 20px;
            line-height: 20px;
            margin-bottom: 22px
        }

        .forum-post-title, .forum-post-title-text {
            font-weight: 600;
            color: #262626;
            font-size: 16px
        }

        .forum-post-title-text {
            margin-left: 5px;
            vertical-align: top
        }

        .forum-post-item-text {
            max-width: 92%;
            position: relative;
            display: inline-block;
            color: #333
        }

        @media (max-width: 500px) {
            .forum-post-item-text {
                max-width: 92%
            }
        }

        .forum-post-item-text .title-text {
            display: inline-block;
            max-width: 100%;
            margin-right: 5px;
            font-size: 14px;
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .forum-post-title-essence {
            display: inline-block;
            vertical-align: top;
            width: 16px;
            height: 16px;
            margin-right: 0;
            background: url(/forum/dist/1537947350/images/icon-essenc.png) 50% no-repeat;
            -moz-background-size: contain;
            background-size: contain;
            margin-right: 10px;
            vertical-align: middle
        }

        .forum-post-item {
            position: relative;
            height: 46px;
            margin-bottom: 14px
        }

        .forum-post-item .user-avatar {
            line-height: 46px;
            text-align: center;
            color: #fff;
            font-size: 24px
        }

        .forum-post-item .forum-avatar, .forum-post-item .user-avatar {
            display: inline-block;
            vertical-align: top;
            width: 46px;
            height: 46px;
            margin-right: 10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

        .forum-post .avatar-a-export {
            position: absolute;
            top: 0;
            left: 0
        }

        .forum-post-item-desc {
            display: block;
            padding-left: 56px;
            padding-right: 60px;
            font-size: 14px
        }

        @media (max-width: 500px) {
            .forum-post-item-desc {
                padding-right: 0
            }
        }

        .forum-post-item-title {
            margin-bottom: 10px;
            height: 16px;
            color: #000
        }

        .forum-post-icon-group {
            position: absolute;
            top: 0;
            right: -42px;
            width: 42px
        }

        .forum-post-essence, .forum-post-official {
            display: inline-block;
            height: 16px;
            line-height: 12px;
            width: 16px;
            text-align: center;
            padding: 2px 0;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            font-size: 12px;
            font-style: normal;
            color: #fff
        }

        .forum-post-essence {
            background: #fa8429;
            margin-right: 5px
        }

        .forum-post-official {
            background: #5b95f9
        }

        .forum-post-item-info {
            width: 100%;
            margin-right: -50px;
            color: #999;
            line-height: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .forum-post-item-info .forum-post-reply, .forum-post-item-info .forum-post-user {
            color: #999
        }

        .forum-post-item-info .forum-post-reply:hover, .forum-post-item-info .forum-post-user:hover {
            color: #999;
            text-decoration: underline
        }

        .forum-post-category {
            font-size: 13px;
            color: #333
        }

        .forum-post-dot, .forum-post-reply, .forum-post-text, .forum-post-time, .forum-post-user {
            font-size: 12px
        }

        .forum-post-user {
            margin-left: 5px
        }

        .forum-post-time {
            margin-left: 4px
        }

        .forum-post-count {
            position: absolute;
            top: 3px;
            right: 15px
        }

        @media (max-width: 500px) {
            .forum-post-count {
                display: none;
                right: 0
            }
        }

        .forum-post-triangle {
            display: inline-block;
            vertical-align: middle;
            width: 0;
            height: 0;
            margin-right: -5px;
            border: 4px solid transparent;
            border-color: transparent #ebf2fa transparent transparent
        }

        .forum-post-show-count {
            padding: 4px 8px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            font-size: 13px;
            color: #333;
            background: #f0f7ff
        }

        .uc-lmg-v1 {
            background-image: url(/forum/dist/1537947350/images/v1.png)
        }

        .uc-lmg-v2 {
            background-image: url(/forum/dist/1537947350/images/v2.png)
        }

        .uc-lmg-v3 {
            background-image: url(/forum/dist/1537947350/images/v3.png)
        }

        .uc-lmg-v4 {
            background-image: url(/forum/dist/1537947350/images/v4.png)
        }

        .uc-lmg-v5 {
            background-image: url(/forum/dist/1537947350/images/v5.png)
        }

        .uc-lmg-v6 {
            background-image: url(/forum/dist/1537947350/images/v6.png)
        }

        .uc-lmg-v7 {
            background-image: url(/forum/dist/1537947350/images/v7.png)
        }

        .forum-operation-icon-1 {
            background: url(/forum/dist/1537947350/images/icon-operation-1.png) 50% no-repeat;
            -moz-background-size: contain;
            background-size: contain
        }

        .forum-operation-icon-2 {
            background: url(/forum/dist/1537947350/images/icon-operation-2.png) 50% no-repeat;
            -moz-background-size: contain;
            background-size: contain
        }

        .forum-operation-icon-3 {
            background: url(/forum/dist/1537947350/images/icon-operation-3.png) 50% no-repeat;
            -moz-background-size: contain;
            background-size: contain
        }

        .forum-avatar, .user-avatar {
            display: inline-block;
            vertical-align: top;
            width: 46px;
            height: 46px;
            margin-right: 12px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

        .user-avatar {
            line-height: 46px;
            text-align: center;
            color: #fff;
            font-size: 24px
        }

        .forum-operation-icon {
            display: inline-block;
            vertical-align: top;
            width: 16px;
            height: 16px;
            margin-right: 8px
        }

        .forum-board-list {
            margin-top: 18px
        }

        .category-content {
            padding: 18px 34px 8px;
            background-color: #fff
        }

        .category-title {
            position: relative;
            height: 20px;
            font-weight: 600;
            line-height: 20px;
            color: #262626;
            margin-bottom: 22px
        }

        .category-title .title-text {
            font-size: 16px;
            vertical-align: middle
        }

        .board-content {
            min-height: 110px;
            padding: 15px 0 15px 10px
        }

        .board-content:hover {
            -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
        }

        .board-item {
            margin-bottom: 20px
        }

        .board-item a {
            display: block
        }

        .board-item a:active, .board-item a:focus, .board-item a:hover, .board-item a:visited {
            text-decoration: none
        }

        .board-headline {
            position: absolute;
            width: 80px;
            height: 80px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            overflow: hidden
        }

        .board-headline .icon-img {
            width: 100%
        }

        .board-info {
            padding-left: 90px;
            font-size: 14px
        }

        .board-slogan {
            margin: 2px 0 5px;
            padding-right: 5px
        }

        .board-name {
            vertical-align: top;
            font-size: 16px;
            color: #333
        }

        .board-guide-num {
            display: inline-block;
            vertical-align: top;
            width: 28px;
            height: 16px;
            margin-right: 0;
            margin-left: 12px;
            line-height: 16px;
            text-align: center;
            font-size: 12px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            color: #666;
            background: #eaf2fc
        }

        .board-abstract {
            max-height: 40px;
            margin-bottom: 4px;
            padding-right: 10px;
            overflow: hidden;
            line-height: 15px;
            font-size: 13px;
            color: #666
        }

        .board-heat {
            color: #999
        }

        .board-post-num, .board-reply-num {
            font-size: 13px;
            margin-right: 10px
        }

        .forum-author-image-0 {
            background: #0073eb
        }

        .forum-author-image-1 {
            background: #5b95f9
        }

        .forum-author-image-2 {
            background: #7884cc
        }

        .forum-author-image-3 {
            background: #f7ca3e
        }

        .forum-author-image-4 {
            background: #ee8b33
        }

        .forum-author-image-5 {
            background: #8e4290
        }

        .forum-author-image-6 {
            background: #5d007d
        }

        .forum-author-image-7 {
            background: #49c9d0
        }

        .forum-author-image-8 {
            background: #2f363d
        }

        .forum-author-image-9 {
            background: #565656
        }

        .avatar-a-export {
            position: relative;
            display: inline-block;
            vertical-align: top
        }




    </style>
</head>
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
<body class="hold-transition skin-blue layout-top-nav">
<div class="wrapper">

    <header class="main-header">
        [@nav  5 /]
    </header>
    <!-- Full Width Column -->
    <div class="content-wrapper">
        <div class="container">
            <!-- Main content -->
            <section class="content">

                <div class="forum-post">
                    <div class="col-sm-12 col-md-6 forum-post-zone">
                        <div class="forum-post-title">
                            <span class="glyphicon glyphicon-flag"></span>
                            <span class="forum-post-title-text">精华帖</span>
                        </div>
                        <div class="forum-post-list">
                            [@forumposts forum=model.id catalog="new"  size=5]
                            [#if list??]
                            [#list list as item]
                            <div class="forum-post-item">


                                <a href="${httpsurl}space/${(item.user.id)!'0'}.htm" class="avatar-a-export">
                                    <img src="[@image src=item.user.avatar def='dist/img/user1-128x128.jpg' /]" class="forum-avatar" alt="">

                                    <div class="uc-lmg uc-lmg-v1"></div>
                                </a>


                                <div class="forum-post-item-desc">
                                    <div class="forum-post-item-title">
                                        <a class="forum-post-item-text forum-link" href="${siteurl}bbs/post/${item.id}.htm">
                                            <span class="title-text">${item.name}</span>
                                            <span class="forum-post-icon-group">
                                            <i class="forum-post-essence">精</i>
                                            <i class="forum-post-official">官</i>
                                        </span>
                                        </a>
                                    </div>
                                    <div class="forum-post-item-info">
                                        <a href="${siteurl}bbs/threads/${item.id}.htm0" class="forum-link forum-post-category">[智能]</a>
                                        <a href="${siteurl}bbs/threads/${item.id}.htm" class="forum-link forum-post-user">盈盈</a>
                                        <span class="forum-post-dot">·</span>
                                        <a href="${httpsurl}space/${(item.user.id)!'0'}.htm" class="forum-link forum-post-reply">${(item.user.name)!'代码人'}</a>
                                        <span class="forum-post-text">回复于27分钟前</span>
                                    </div>
                                </div>
                                <div class="forum-post-count">
                                    <span class="forum-post-triangle"></span>
                                    <span class="forum-post-show-count">${item.views!"0"}</span>
                                </div>
                            </div>
                            [/#list]
                            [/#if]
                            [/@forumposts]
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6 forum-post-zone">
                        <div class="forum-post-title">
                            <span class="glyphicon glyphicon-fire"></span>
                            <span class="forum-post-title-text">热门帖</span>
                        </div>
                        <div class="forum-post-list">
                            [@forumposts forum=model.id catalog="hot" size=5]
                            [#if list??]
                            [#list list as item]
                            <div class="forum-post-item">


                                <a href="${httpsurl}space/${(item.user.id)!'0'}.htm" class="avatar-a-export">
                                    <img src="[@image src=item.user.avatar def='dist/img/user1-128x128.jpg' /]" class="forum-avatar" alt="">

                                    <div class="uc-lmg uc-lmg-v1"></div>
                                </a>


                                <div class="forum-post-item-desc">
                                    <div class="forum-post-item-title">
                                        <a class="forum-post-item-text forum-link" href="${siteurl}bbs/post/${item.id}.htm">
                                            <span class="title-text">${item.name}</span>
                                            <span class="forum-post-icon-group">
                                            <i class="forum-post-essence">精</i>
                                            <i class="forum-post-official">官</i>
                                        </span>
                                        </a>
                                    </div>
                                    <div class="forum-post-item-info">
                                        <a href="${siteurl}bbs/threads/${item.id}.htm0" class="forum-link forum-post-category">[智能]</a>
                                        <a href="${siteurl}bbs/threads/${item.id}.htm" class="forum-link forum-post-user">盈盈</a>
                                        <span class="forum-post-dot">·</span>
                                        <a href="${httpsurl}space/${(item.user.id)!'0'}.htm" class="forum-link forum-post-reply">${(item.user.name)!'代码人'}</a>
                                        <span class="forum-post-text">回复于27分钟前</span>
                                    </div>
                                </div>
                                <div class="forum-post-count">
                                    <span class="forum-post-triangle"></span>
                                    <span class="forum-post-show-count">${item.views!"0"}</span>
                                </div>
                            </div>
                            [/#list]
                            [/#if]
                            [/@forumposts]
                        </div>
                    </div>
                </div>
                <div class="row forum-board-list">
                    <div class="col-sm-12">
                        <div class="category-content">
                            <div class="category-title">
                                <span class="list-icon cateory-icon-35"></span>
                                <span class="title-text">${model.name!""}</span>
                            </div>
                            <div class="row board-list">
                                [@forum id=model.id size=20]
                                [#list list as item]
                                <div class="col-sm-6 col-md-4 col-lg-3 board-item">
                                    <a href="${siteurl}bbs/threads/${item.id}.htm" >
                                        <div class="board-content">
                                            <div class="board-headline">
                                                <img src="${httpsurl}dist/img/talk.png" class="icon-img">
                                            </div>
                                            <div class="board-info">
                                                <div class="board-slogan">
                                                    <div class="board-name">${item.name!""}</div>

                                                </div>

                                                <div class="board-heat">
                                                    <span class="board-post-num">帖数: 0</span>
                                                    <span class="board-reply-num">回复: 10</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                [/#list]
                                [/@forum]
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- /.content -->
        </div>
        <!-- /.container -->
    </div>
    <!-- /.content-wrapper -->

    [@footer /]
</div>
<!-- ./wrapper -->

[@scripts /]
</body>
</html>
